.container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
}

.chat-col-3 {
    border: 1px skyblue;
    flex: 0 0 80%; /* 将宽度改为80% */
    position: relative;
    height: 90%;
    display: flex;
    flex-direction: column;
}

  .chatBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: calc(100% - 90px);
    overflow-y: scroll;
    box-sizing: border-box;
  }

  .chat-content:nth-child(even) {
    background-color: #eee;
  }

  .chat-content {
    display: flex;
    padding: 40px 16px;
  }

  .user {
    margin-left: 30px;
  }

  .assistant {
    margin-left: 30px;
  }

  .inputBox {
    width: 90%;
    height: 90px;
    max-height: 90px;
    padding: 0 5% 10px;
    /* border:1px black; */
  }

  .inputBox-container {
    width: 100%;
    height: auto;
    /* border:1px black; */
    box-shadow: 0 0 3px #2b2d31;
    justify-items: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-top: 25px;
  }

  .inputMessage {
    width: calc(100% - 18px - 32px);
    padding: 6px 6px 6px 10px;
    height: 100%;
    border: none;
  }

  .inputMessage:focus {
    border-color: transparent !important;
    outline: none;
  }

  .send {
    padding: 2px;
    border: none;
    background: none !important;
  }